import type { Todo } from '../types/todo'

interface TodoSummaryProps {
    todos: Todo[],
}

export default function TodoSummary({ todos }: TodoSummaryProps) {
    const completedTodos = todos.filter(todo => todo.completed).length;

    return (
        <div className='text-center text-sm'>
            <span>{completedTodos} / {todos.length} todos completed</span>
        </div>
    )
}
